var pageIndex = 1; // 当前页码（从一开始）
var pageSize = 2;  // 每页显示条数
var pageCount = 1; // 总页数

// 页面初始化
function pageInit() {
    // 获取当前url中的参数
    var paramPageIndex = getParamByKey("pageIndex");
    if (paramPageIndex != null) {
        pageIndex = paramPageIndex;
    }
    var paramPageSize = getParamByKey("pageSize");
    if (paramPageSize != null) {
        pageSize = paramPageSize;
    }
    doAjax();
    jQuery("#pageIndex").html("第 " + pageIndex + " 页");
}
pageInit();

// 点击 "首页"
function doFirst() {
    if (pageIndex <= 1) {
        alert("当前已经在首页了！")
        return false;
    }
    pageIndex = 1;
    location.href = "blog_list.html?pageIndex=" + pageIndex + "&pageSize=" + pageSize;
}

// 点击 "上一页"
function doPrev() {
    if (pageIndex <= 1) {
        alert("当前已经在首页了！")
        return false;
    }
    // pageIndex = pageIndex - 1;
    --pageIndex;
    location.href = "blog_list.html?pageIndex=" + pageIndex + "&pageSize=" + pageSize;
}

// 点击 "下一页"
function doNext() {
    if (pageIndex >= pageCount) {
        alert("当前已经是末页了！");
        return false;
    }
    ++pageIndex;
    location.href = "blog_list.html?pageIndex=" + pageIndex + "&pageSize=" + pageSize;
}

// 点击 "末页"
function doLast() {
    if (pageIndex >= pageCount) {
        alert("当前已经是末页了！");
        return false;
    }
    pageIndex = pageCount;
    location.href = "blog_list.html?pageIndex=" + pageIndex + "&pageSize=" + pageSize;
}

// 请求后端，得到数据并展示列表
function doAjax() {
    // 1. 得到当前文章的列表数据
    jQuery.ajax({
        url: "art/getlistbypage",
        type: "POST",
        data: {
            "pageIndex": pageIndex,
            "pageSize": pageSize
        },
        success: function (res) {
            if (res.code == 200 && res.data.length > 0) {
                // 从后端查询到数据，进行列表拼接和展示
                var artListHtml = "";
                for (var i = 0; i < res.data.length; ++i) {
                    var item = res.data[i];
                    artListHtml += '<div class="blog">';
                    artListHtml += '<div class="title">' + item.title + '</div>';
                    artListHtml += '<div class="date">' + item.createtime + '</div>';
                    artListHtml += '<div class="desc">' + item.content + '</div>';
                    artListHtml += '<a href="blog_content.html?id=' + item.id + '" class="detail">查看全文 &gt;&gt;</a>';
                    artListHtml += '</div>';
                }

                jQuery("#artlist").html(artListHtml);
                // 显示分页
                jQuery("#pageDiv").show();
            } else {
                // 没有文章时，隐藏分页
                jQuery("#pageDiv").hide();
                jQuery("#artlist").html("<h2 style = 'margin-left:100px;margin-top:10px'>暂无文章！</h2>")
            }

        }
    });

    // 2. 查询文章的总条数，计算出当前页面的总页数
    jQuery.ajax({
        url: "art/getcount",
        type: "POST",
        data: {},
        success: function (res) {
            if (res.code == 200 && res.data > 0) {
                // 计算总页数                        
                pageCount = Math.ceil(res.data / pageSize);
            }
        }
    });
}
